<html>
    <head>
        <script src="../js/vue.js"></script>
        <style>
            .mycolor{
                color:brown
            }
            .text-danger{
                font-size: 30px;
            }
            .active{
                display:none;
            }
        </style>
    </head>
    <body>
        <h3>通过对象动态变化class</h3>
        <div id="app1" class="mycolor" v-bind:class="classObject">
            who i am?!!!
        </div>

        <h3>绑定样式对象</h3>
        <div id="app2" v-bind:style="styleObject">
            <p>样式-通过对象绑定</p>
        </div>
        <hr/>
        <div id="app3" :style="{ display: ['-webkit-box', '-ms-flexbox', 'flex'] ,'font-size':'300px'}"></div>
        <script src="app.js"></script>
    </body>
</html>